<extend name="Base/common"/>
<block name="header">
    <title>{$meta_title}</title>
    <link rel="stylesheet" type="text/css" href="__MAST_HOME__/css/aui.css"/>
</block>
<block name="body">
    <header class="aui-bar aui-bar-nav uc4Header">
        <a class="aui-pull-left uc4HLeftA"><!--aui-col-xs-2-->
            <h6><i class="aui-iconfont aui-icon-scan uc4FocusI"></i></h6>
            <span class="uc4FocusP"><span class="">关注扫</span></span>
        </a>
        <div class="aui-title">账户中心</div>
        <a href="Message.html" class="aui-pull-right uc4HRightA ">
            <i class="aui-iconfont aui-icon-markfill uc4Markfill"></i>
            <div class="uc4Redpoint"></div>
        </a>
    </header>
    <main class="MainCon">
        <div id="aui-slide3">
            <div class="aui-slide-wrap">
                <div class="aui-slide-node bg-dark">
                    <img src="__MAST_HOME__/picture/banner1.jpg" width="100%"/>
                </div>
                <div class="aui-slide-node bg-dark">
                    <img src="__MAST_HOME__/picture/banner2.jpg" width="100%"/>
                </div>
                <div class="aui-slide-node bg-dark">
                    <img src="__MAST_HOME__/picture/banner3.jpg" width="100%"/>
                </div>
            </div>
            <div class="aui-slide-page-wrap"><!--分页容器--></div>
        </div>
        <div class="aui-content uc4InfoWrap">
            <div class="aui-col-xs-7 uc4InfoLeft uc4InfoH">
                <img class="aui-iconfont setImg" src="__MAST_HOME__/picture/imggou.jpg" width="100%">
                <ul class="uc4ILUl">
                    <li class="uc4UserId">会员ID:<span id="UNum">wx{$user.uid}</span></li>
                    <li>微信昵称:<span id="UserRealName">{$user.nickname}</span></li>
                    <li>推荐人:<span id="TName"></span></li>
                    <li>等级:<span id="LName"></span></li>
                    <li>关注时间:<span id="RegTime"></span></li>
                </ul>
            </div>
            <div class="aui-col-xs-5 uc4InfoRight uc4InfoH">
                <ul class="uc4IRUl">
                    <li><span>积分</span>&emsp;<span id="Credit">40</span></li>
                    <li><span>昨日信用币</span>&emsp;<span id="ago">0</span></li>
                    <li><span>累计信用币</span>&emsp;<span id="allmoney">60</span></li>
                </ul>
            </div>
            <div class="aui-clearfix"></div>
        </div>
        <div class="aui-flex-col aui-flex-center aui-border-tb uc4Wrap3">
            <div id="supermarket" class="aui-flex-item-6 aui-flex-row aui-flex-middle aui-padded-10 uc4GridLeft" onClick="pagehref(4)">
                <img src="__MAST_HOME__/picture/arrowleftred.png" width="90">

                <p class="aui-text-center">当家超市</p>
            </div>
            <ul class="aui-flex-item-6 aui-flex-col aui-border-l uc4GridRight">
                <li id="pointRecharge" class="aui-flex-item-6 aui-padded-10 ">
                    <p>积分充值</p>
                </li>
                <!--recharge-->
                <li id="loanIncome" class="aui-flex-item-6 aui-padded-10 ">
                    <p>贷款收益</p>
                </li>
                <li id="spreadQrCode" class="aui-flex-item-6 aui-padded-10">
                    <p>推广二维码</p>
                </li>
                <li id="shopIncome" class="aui-flex-item-6 aui-padded-10 aui-border-l">
                    <p>商超收益</p>
                </li>
            </ul>
        </div>
        <div class="aui-flex-col aui-flex-center aui-border-tb uc4Wrap4">
            <ul class="aui-flex-item-6 aui-flex-col aui-border-l uc4Grid2Left">
                <li id="askForLoan"  class="aui-flex-item-6 aui-padded-10 ">
                    <p>申请贷款</p>
                </li>
                <li id="creditPledge" class="aui-flex-item-6 aui-padded-10 ">
                    <p>信用币质押</p>
                </li>

                <li id="accoInfo" class="aui-flex-item-6 aui-padded-10">
                  <p>账号资料</p>
                </li>
                <!--<a href="{:U('User/material')}"></a>-->

                <li id="MoneyStream" class="aui-flex-item-6 aui-padded-10 aui-border-l">
                    <p>资金流水</p>
                </li>
                <!--<a href="{:U('User/capital ')}"></a>-->
            </ul>
            <div id="farm" class="aui-flex-item-6 aui-flex-row aui-flex-middle aui-padded-10 uc4Grid2Right">
                <p>我的农场</p>
            </div>
        </div>
    </main>
    <include file="Public/foot"/>
</block>



<block name="script">
    <script type="text/javascript">
        $(".ok").click(function(){$(".MyMusk").hide();})
        $(function(){
                    $("#aui-slide3").height($("#aui-slide3").width()*250/640);
                    var slide2 = new auiSlide({
                        container: document.getElementById("aui-slide3"),
                        // "width":300,
                        "height": $("#aui-slide3").height(),
                        "speed": 400,
                        "autoPlay": 5000, //自动播放
                        "pageShow": true,
                        "loop": true,
                        "pageStyle": 'dot',
                        'dotPosition': 'right',
                        currentPage: currentFun
                    });
                    // 当前页
                    function currentFun(index) {
                        console.log(index);
                    }
                }
        )
        $(".uc4GridLeft").height($(".uc4GridLeft").width() * 1.1);
        $(".uc4GridRight").find("li").css({"line-height": $(".uc4GridRight").find("li").height() + "px"});
        $(".uc4GridRight").find("p").height($(".uc4GridRight").find("li").height());
        $(".uc4GridRight").find("p").css({"line-height": $(".uc4GridRight").find("p").height() + "px"});
        $(".uc4Grid2Right").height($(".uc4Grid2Right").width() * 1.1);
        $(".uc4Grid2Left").find("li").css({"line-height": $(".uc4Grid2Left").find("li").height() + "px"});
        $(".uc4Grid2Left").find("p").height($(".uc4Grid2Left").find("li").height());
        $(".uc4Grid2Left").find("p").css({"line-height": $(".uc4Grid2Left").find("p").height() + "px"});
    </script>
    <script type="text/javascript">
        $("#loanIncome").click(function(){
            $(".MyMusk").show();
            $(".classNoti p").css("height","25px")
            $("#ti p").html("您的可贷款收益提现金额为0");
        })
        $("#askForLoan").click(function(){
            $(".MyMusk").show();
            $(".classNoti p").css("height","75px")
            $("#ti p").html("您的等级还未达到<br>'贫农'<br>还无法享用该项目");
        })
        $("#creditPledge").click(function(){
            $(".MyMusk").show();
            $(".classNoti p").css("height","25px")
            $("#ti p").html("该项目暂未开放");
        })
    </script>
    <!--点击跳转页面-->
    <script type="text/javascript">
        //账号资料
        $("#accoInfo").click(function(){
            location.href = "{:U('User/material',array('session_id'=>session_id()))}"
        })
        //资金流水
        $("#MoneyStream").click(function(){
            location.href = "{:U('User/capital',array('session_id'=>session_id()))}"
        })
        //我的农场
        $("#farm").click(function(){
            location.href = "{:U('User/farm',array('session_id'=>session_id()))}"
        })
        //积分充值
        $("#pointRecharge").click(function(){
            location.href = "{:U('User/recharge',array('session_id'=>session_id()))}"
        })
        //商城收益
        $("#shopIncome").click(function(){
            location.href = "{:U('User/mall',array('session_id'=>session_id()))}"
        })
        //推广二维码
         $("#spreadQrCode").click(function(){
             location.href = "{:U('User/extend',array('session_id'=>session_id()))}"
         })
        //信用币质押Wealth
//        $("#creditPledge").click(function(){
//            layer.msg('正在建设中,请稍后');
//            return false
//        })
        //申请贷款 askForLoan
//        $("#askForLoan").click(function(){
//            layer.msg('正在建设中,请稍后');
//            return false
//        })
//        //贷款收益  loanIncome
//        $("#loanIncome").click(function(){
//            layer.msg('正在建设中,请稍后');
//            return false
//        })
        //当家超市supermarket
        $("#supermarket").click(function(){
            layer.msg('正在建设中,请稍后');
            return false
        })
    </script>
</block>
